<template>
  <div class="app-container">
    <el-row :gutter="15">
      <el-col style="margin-bottom: 10px">
        <el-tabs type="border-card">
<!--          <el-tab-pane>-->
<!--            <span slot="label"><i class="el-icon-info"></i> 作业统计</span>-->
<!--            <summaryReport   />-->
<!--          </el-tab-pane>-->
          <el-tab-pane>
            <span slot="label"><i class="el-icon-film"></i> 作业统计</span>
            <summaryCustomerReport />
          </el-tab-pane>
          <el-tab-pane>
            <span slot="label"><i class="el-icon-film"></i> 作业明细</span>
            <summaryReportB />
          </el-tab-pane>
          <el-tab-pane>
            <span slot="label"><i class="el-icon-film"></i> 作业汇总</span>
            <summaryReportC />
          </el-tab-pane>
        </el-tabs>
      </el-col>
    </el-row>
  </div>
</template>

<script>
import crud from '@/mixins/crud'
import summaryReport from './summary'
import summaryReportB from './summaryB'
import summaryReportC from './summaryC'
import summaryCustomerReport from './summaryByCustomer'

export default {
  name: 'workareaReport',
  components: {summaryReport,summaryCustomerReport,summaryReportB,summaryReportC},
  mixins: [crud],
  data() {
    return {
    }
  },
  created() {

  },
  methods: {

  }
}
</script>

<style rel="stylesheet/scss" lang="scss">
.edit-input {
  .el-input__inner {
    border: 1px solid #e5e6e7;
  }
}
</style>

<style scoped>
::v-deep .input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>
